<template>
    <DashboardFrame class="dashboard-frame">
        <Widget1 class="absolute top-[111px] left-[42px] h-[350px] w-[527px]" />
        <Widget2 class="absolute top-[483px] left-[42px] h-[263px] w-[521px]" />
        <Widget3 class="absolute top-[782px] left-[45px] h-[238px] w-[501px]" />
        <Widget4 class="absolute top-[138px] left-[611px] h-[100px] w-[692px]" />
        <Widget5 class="absolute top-[252px] left-[605px] h-[331px] w-[687px]" />
        <Widget6 class="absolute top-[624px] left-[612px] h-[445px] w-[708px]" />
        <Widget7 class="absolute top-[111px] left-[1354px] h-[296px] w-[517px]" />
        <Widget8 class="absolute top-[436px] left-[1354px] h-[226px] w-[516px]" />
        <Widget9 class="absolute top-[681px] left-[1354px] h-[383px] w-[553px]" />
    </DashboardFrame>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import DashboardFrame from './DashboardFrame/index.vue'
import Widget1 from "./基础数据/index.vue";
import Widget2 from './线上用户活跃度/index.vue';
import Widget3 from './设备情况/index.vue';
import Widget4 from './工单统计/index.vue';
import Widget5 from './线上收缴总数/index.vue';
import Widget6 from './商城流水总数/index.vue';
// import Widget7 from './personRate/index.vue';
import Widget7 from './人流量/index.vue';
import Widget8 from './通行方式人员占比/index.vue';
// import Widget8 from './通行方式人员占比/index-2.vue';
import Widget9 from './停车数据/index.vue';

export default defineComponent({
    name: 'dashboard',
    components: {DashboardFrame, Widget1, Widget2, Widget3, Widget4, Widget5, Widget6, Widget7, Widget8, Widget9 },
})

</script>

<style scoped>
.dashboard-frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #02050E;
}
</style>